import React from "react";
/* 
对于普通嵌套组件，它没有路由的配置对象，如何解决
我们可以调用，路由的高阶函数
高阶函数：函数(组件)  通过调用函数return一个新组件
*/
// 引入配置路由对象的方法
import {withRouter} from 'react-router-dom'
class Home extends React.Component {
  //跳转播放的方法
  goPlay() {
    //通过编程式导航进行跳转
     this.props.history.push('/play')
  }
  render() {
    return (
      <div className="header">
        <div>
          <span onClick={this.goPlay.bind(this)} className="title">
            网抑云音乐
          </span>
        </div>
      </div>
    );
  }
}
export default withRouter(Home);
